<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第三方登录界面</title>
    <meta name="viewport" content="width=1000"/>
    <link rel="stylesheet" type="text/css" href="../../css/common/reset.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/moban.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/common/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/common/common.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/login.css"/>
</head>
<body>
    <div class="wrap">
        <!------------导航栏 S------------------>
        <div class="cus_lead">
            <div class="container">
                <div class="logo fl">
                    <a href="../exports/index.html">
                        <img src="../../images/moban/logo_red.png"/>
                    </a>
                </div>
                <div class="lead_mid">
                    欢迎登陆
                </div>
                <div class="clear"></div>
            </div>
        </div>

        <!------------导航栏 E------------------>
        <div class="cus_content bind_web">
            <div class="cus_content_web">
                <div class="login">
                    <span class="tips bind">Hi <em>bgg</em>,恭喜你已成功验证账号,绑定商城账号下次登录更便捷!</span>
                    <div class="msg-txt have_count">
                        <ul>
                            <li class="active">你已有账户<span></span></li>
                            <li>你还未注册<span></span></li>
                        </ul>
                    </div>
                    <!--<h2>账户登录</h2>-->
                    <div class="msg-txt bind_phone">

                        <!--输入帐号-->
                        <div class="login_warp">
                            <i class="user_icon fl"></i><input type="text" placeholder="邮箱／用户名／手机号"/>
                            <div class="clear"></div>
                        </div>
                        <!--输入密码-->
                        <div class="password_warp">
                            <i class="password_icon fl"></i><input type="password" placeholder="密码"/>
                            <div class="clear"></div>
                        </div>
                        <!--自动登录-->
                        <div class="denglu">
                            <div class=" check fl"></div>
                            <span>自动登录</span>
                            <input type="checkbox" class="btn_check"/>
                        </div>
                        <a href="#" class="forgot_password fr">忘记密码</a>
                        <div class="clear"></div>
                        <button class="input_btn_shi btn_354">登录</button>
                    </div>
                    <!--分割线-->
                    <div class="msg-line"></div>
                    <form class="content_left fl bind_register" action="" method="post">
                        <!--用户名-->
                        <div class="cus_input">
                            <div class="input_kind fl">
                                用户名
                            </div>
                            <div class="input fl">
                                <input type="text" name="username" placeholder="请输入用户名"/>
                            </div>
                        </div>
                        <div class="cus_msg">
                            <div class="alert">支持中文、字母、数字、"-"、"_"的组合,4-20字符</div>
                            <div class="error">用户名不合法</div>
                            <div class="right">正确</div>
                        </div>
                        <!--设置密码-->
                        <div class="cus_input">
                            <div class="input_kind fl">
                                设置密码
                            </div>
                            <div class="input fl">
                                <input type="password" name="password" placeholder="建议至少使用两种字符组合"/>
                            </div>
                        </div>
                        <div class="cus_msg">
                            <div class="alert">建议使用字母、数字和符号两种及以上的组合，6-20个字符</div>
                            <div class="error">密码长度为6-20个字符</div>
                            <div class="right">正确</div>
                        </div>
                        <!--确认密码-->
                        <div class="cus_input">
                            <div class="input_kind fl">
                                确认密码
                            </div>
                            <div class="input fl">
                                <input type="password" name="password_check" placeholder="请再次输入密码"/>
                            </div>
                        </div>
                        <div class="cus_msg">
                            <div class="alert">请再次输入密码</div>
                            <div class="error">密码不一致</div>
                            <div class="right">正确</div>
                        </div>
                        <!--手机-->
                        <div class="cus_input">
                            <div class="input_kind sel fl">
                                <div class="select_area_code" data-role="select">
                                    <input type="text" name="area_code" value="中国 0086" readonly/>
                                    <input type="hidden" name="area_code_val"/>
                                    <i><span class="iconfont icon-xialajiantou"></span></i>
                                    <div class="options">
                                        <div class="tab">
                                            <div class="item selected">热门</div>
                                            <div class="item">亚洲</div>
                                            <div class="item">美洲</div>
                                            <div class="item">欧洲</div>
                                            <div class="item">大洋洲</div>
                                            <div class="item">非洲</div>
                                            <div class="line"></div>
                                        </div>
                                        <div class="frame">
                                            <div class="shade">
                                                <ul>
                                                    <li data-val="0">中国 0086</li>
                                                    <li data-val="1">台湾 0886</li>
                                                    <li data-val="2">香港 0852</li>
                                                    <li data-val="3">日本 0081</li>
                                                    <li data-val="4">韩国 0082</li>
                                                    <li data-val="5">马来西亚 0060</li>
                                                    <li data-val="6">美国 0001</li>
                                                    <li data-val="7">加拿大 0001</li>
                                                    <li data-val="8">新加坡 0065</li>
                                                    <li data-val="9">澳大利亚 0061</li>
                                                    <li data-val="10">新西兰 0064</li>
                                                </ul>
                                                <ul>
                                                    <li data-val="0">中国 0086</li>
                                                    <li data-val="1">台湾 0886</li>
                                                    <li data-val="2">香港 0852</li>
                                                    <li data-val="3">日本 0081</li>
                                                    <li data-val="4">韩国 0082</li>
                                                </ul>
                                                <ul>
                                                    <li data-val="0">中国 0086</li>
                                                    <li data-val="1">台湾 0886</li>
                                                    <li data-val="2">香港 0852</li>
                                                    <li data-val="3">日本 0081</li>
                                                </ul>
                                                <ul>
                                                    <li data-val="0">中国 0086</li>
                                                    <li data-val="1">台湾 0886</li>
                                                    <li data-val="2">香港 0852</li>
                                                </ul>
                                                <ul>
                                                    <li data-val="0">中国 0086</li>
                                                    <li data-val="1">台湾 0886</li>
                                                </ul>
                                                <ul>
                                                    <li data-val="0">中国 0086</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="input lit fl">
                                <input type="number" name="phone" placeholder="建议使用常用手机"/>
                            </div>
                        </div>
                        <div class="cus_msg">
                            <!--<div class="email_sle fr">-->
                            <!--或 <a>邮箱验证</a>-->
                            <!--</div>-->
                            <div class="alert">完成验证后，你可以用该手机登录和找回密码</div>
                            <div class="error">请输入正确的手机号码</div>
                            <div class="right">正确</div>
                        </div>
                        <!--验证码-->
                        <div class="cus_input">
                            <div class="input_kind fl">
                                验证码
                            </div>
                            <div class="input lit fl">
                                <input type="text" name="code" placeholder="请输入右侧验证码"/>
                            </div>
                            <div class="img_code fl">
                                <img src="../../images/exports/verification_code/8ct4.jpg" data-code="8ct4"/>
                            </div>
                        </div>
                        <div class="cus_msg">
                            <div class="alert">看不清？点击图片更换验证码</div>
                            <div class="error">验证码错误</div>
                            <div class="right">正确</div>
                        </div>
                        <!--手机验证码-->
                        <div class="cus_input">
                            <div class="input_kind fl">
                                手机验证码
                            </div>
                            <div class="input lit fl">
                                <input type="text" name="phone_code" placeholder="请输入手机验证码"/>
                            </div>
                            <div class="get_code fl">
                                <span></span>获取验证码
                            </div>
                        </div>
                        <div class="cus_msg">
                            <div class="alert">请输入手机验证码</div>
                            <div class="error">手机验证码错误</div>
                            <div class="right">正确</div>
                        </div>
                        <!--协议-->
                        <div class="reg_deal">
                            <input type="checkbox" name="" id="check" value="" checked/>
                            <label for="check">我已阅读并同意</label>
                            <a class="xieyi">《不二定制用户注册协议》</a>
                        </div>
                        <!--注册按钮-->
                        <input class="get_info_btn" type="submit" value="立即注册"/>
                    </form>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
        <!-----------底部内容大块 S--------------->
        <div class="cus_bottom">
            <div class="cus_bot_con">
                <div class="cus_bot_con_left fl">
                    <img src="../../images/moban/logo_white.png"/>
                </div>
                <div class="cus_bot_con_right fl">
                    <div class="cus_bot_con_right_con">
                        <ul>
                            <li>
                                <a href="">新手指南</a>
                            </li>
                            <li>
                                <a href="">用户注册</a>
                            </li>
                            <li>
                                <a href="">定制流程</a>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="">付款方式</a>
                            </li>
                            <li>
                                <a href="">支付方式</a>
                            </li>
                            <li>
                                <a href="">支付问题</a>
                            </li>
                            <li>
                                <a href="">常见问题</a>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="">售后服务</a>
                            </li>
                            <li>
                                <a href="">退款换货</a>
                            </li>
                            <li>
                                <a href="">配送方式</a>
                            </li>
                            <li>
                                <a href="">联系我们</a>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="">政策条款</a>
                            </li>
                            <li>
                                <a href="">服务协议</a>
                            </li>
                            <li>
                                <a href="">隐私条款</a>
                            </li>
                            <li>
                                <a href="">版权条款</a>
                            </li>
                        </ul>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="clear"></div>
                <div class="cus_bot_con_right_bot">
                    <p>© 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</p>
                </div>
            </div>
        </div>
        <!-----------底部内容大块 E--------------->
        <!--遮罩层-->
        <div class="tixian_mask">
            <div class="o5_mask">
                <h1 id="title">不二定制开店协议</h1>
                <span id="xieyichacha">X</span>
                <div class="left">
                    <p>协议内容为*********************</p>
                    <p>协议内容为*********************</p>
                    <p>协议内容为*********************</p>
                    <p>协议内容为*********************</p>
                    <p>协议内容为*********************</p>
                    <p>协议内容为*********************</p>
                    <p>协议内容为*********************</p>
                    <p>协议内容为*********************</p>
                    <p>协议内容为*********************</p>
                    <p>协议内容为*********************</p>
                    <p>协议内容为*********************</p>
                    <p>协议内容为*********************</p>
                    <p>协议内容为*********************</p>
                    <p>协议内容为*********************</p>
                    <p>协议内容为*********************</p>
                    <p>协议内容为*********************</p>
                    <p>协议内容为*********************</p>
                    <p>协议内容为*********************</p>
                    <p>协议内容为*********************</p>
                    <p>协议内容为*********************</p>
                    <p>协议内容为*********************</p>
                </div>
                <button id="xieyi" class="input_btn_shi btn_175">同意并继续</button>
            </div>
        </div>


    </div>
    <!--<script src="../../js/common/jquery-2.1.0.min.js" type="text/javascript" charset="utf-8"></script>-->
    <!--<script src="../../js/web.min.js" type="text/javascript" charset="utf-8"></script>-->
    <script src="../../js/common/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../js/common/xm.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../js/ji_bxx.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../js/common/proJson.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../js/common/CityJson.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../js/common/DistrictJson.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../js/common/trade.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../js/prod_rls.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../js/login.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../js/select.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>